import { observer } from 'mobx-react'
import styles from './index.module.less'
import React from 'react'
import handWithNum from '@/resource/myChartResult/handWithNum.png'

export default observer(({ data }: any) => {
    console.log(data)
    return (
        <div className={styles.page}>
            <div className={styles.top_view}>我的五指图</div>
            <div className={styles.img_wrapper}>
                <img src={handWithNum} />
            </div>
            <div className={styles.content}>
                {data.detail.map((item: any, index: any) => {
                    return (
                        <div className={styles.career} key={item.id}>
                            <div className={styles.hollow}>{index + 1}</div>
                            <div className={styles.solid} />
                            <div className={styles.title}>
                                <div>{`${item.name}：`}</div>
                                <div className={styles.feature}>{item.feature}</div>
                                {/* <div className={styles.feature}>测试</div> */}
                            </div>
                        </div>
                    )
                })}
            </div>
            <div />
        </div>
    )
})
